<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>微信登录页面</title>
</head>

<body>
<h1>微信登录</h1>
<img id="wechat-qr-code" src="" alt="微信登录二维码" />
<a href="#" onclick="window.refresh()">点击刷新</a>
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script>
    // var checkLogin = function() {
    //     var xhr = new XMLHttpRequest();
    //     xhr.open('GET', '/check-login-status', true);
    //     xhr.onreadystatechange = function() {
    //         if (xhr.readyState === 4 && xhr.status === 200) {
    //             if (xhr.responseText === 'success') {
    //                 window.location.href = '/after-login-page';
    //             }
    //         }
    //     };
    //     xhr.send();
    // };
    // setInterval(checkLogin, 1000);
    // 这里假设后端有个接口 /getWechatQrCode，返回的数据中包含二维码图片地址，使用fetch进行请求示例（实际情况按后端接口情况调整）
    fetch('/getWechatQrCode')
        .then(response => response.json())
        .then(data => {
            const qrCodeUrl = data.qrCodeUrl; // 假设后端返回的数据结构中有个qrCodeUrl字段表示二维码图片地址
            document.getElementById('wechat-qr-code').src = qrCodeUrl;
        })
        .catch(error => {
            console.error('获取微信登录二维码失败', error);
            // alert('获取微信登录二维码出现问题，请稍后再试');
        });
    $(document).ready(function () {
        var checkLogin = function () {
            // 使用jQuery的$.ajax方法来发送GET请求，功能类似于XMLHttpRequest
            $.ajax({
                type: "GET",
                url: "/auth/wx/check-login-status",
                success: function (data) {
                    if (data === "success") {
                        window.location.href = "/auth/wxlogin/index";
                    }
                },
                error: function () {
                    // 可以在这里添加错误处理逻辑，比如提示用户检查网络等
                    console.log("检查登录状态请求出错");
                }
            });
        };
        // 使用setInterval定时调用checkLogin函数，每隔1秒检查一次登录状态
        setInterval(checkLogin, 1000);
    });
</script>
</body>

</html>